<form onsubmit="return false;" action="{:request()->url()}" id="form" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">
    <div class="layui-card-body">

            <div class="layui-form-item">
                <label class="layui-form-label">微电影名称</label>
                <div class="layui-input-block">
                    <input name="name" required class="layui-input" placeholder="请输入微电影名称"
                           value="{$vo.name|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">副标题</label>
                <div class="layui-input-block">
                    <input name="title" required class="layui-input" placeholder="请输入副标题"
                           value="{$vo.title|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">拍摄时间</label>
                <div class="layui-input-block">
                    <input name="time" required class="layui-input" placeholder="请输入拍摄时间"
                           value="{$vo.time|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">头像（一张）<span class="nowrap color-red">120*120</span></label>
                <div class="layui-input-block">
                    <input name="avatar" data-upload-image type="hidden" value="{$vo.avatar|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">主图（一张）<span class="nowrap color-red">700*420</span></label>
                <div class="layui-input-block">
                    <input name="logo" data-upload-image type="hidden" value="{$vo.logo|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">视频:</label>
                <div class="layui-input-block">
                    <video id="goods-video" width="375" height="200" controls
                           src="{$vo.video|default=''}"></video>
                    <input name="video" class="layui-input" placeholder="仅支持mp4格式视频"
                           value="{$vo.video|default=''}"
                           onchange="$('#goods-video').attr('src',this.value)">
                    <a class="layui-btn layui-btn-primary" data-file="one" data-field="video"
                       data-type="mp4"><i class="layui-icon font-s14 layui-icon-upload-drag"></i>上传视频</a>
                    <p class="layui-word-aux">选填,请上传mp4格式的视频，如格式不一致请前往<a href="http://www.pcfreetime.com/"
                                                                         target="_blank">格式工厂</a>转换格式</p>
                </div>
            </div>

            <div class="hr-line-dashed"></div>
            <div class="layui-form-item text-center">
                <!--{notempty name='vo.id'}-->
                <input type='hidden' value='{$vo.id}' name='id'>
                <!--{/notempty}-->
                <button class="layui-btn" type='submit'>保存数据</button>
                <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
            </div>

    </div>

</form>


{block name='script'}

<script>
    require(['vue', 'files', 'form'], function (Vue) {
        var vm = new Vue({
            el: "#media",
            data: {},
            mounted: function () {
                this.$nextTick(function () {
                    //写在这里，会等页面渲染之后，再执行
                    // $('[name="logo"]').uploadOneImage();
					$('[name="info"]').uploadMultipleImage();
                    $.form.reInit($('#media'));
                });
            },

        });

    })
</script>

<script>
    window.form.render();
</script>
{/block}

